<template>
	<div class="lk-lose-white">
		<div class="lk-losepage">
			<img src="../assets/404.png" />
			<h4>您要查看的网址可能已被删除、名称已被更改、或暂时不可用</h4>
			<div class="lk-losepage-btn">
				<a href="###" @click="back">返回上一页面</a>
				<router-link to="/">返回网站首页</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "losepage",
    methods:{
		  back(){
		    window.history.back(-1)
      }
    }
	}
</script>

<style scoped>
	.lk-lose-white {
		width: 100%;
		height: 717px;
		background-color: white;
		position: fixed;
		top: -10px;
		z-index: 999999999;
	}

	.lk-losepage {
		height: 500px;
		left: 0;
		margin-top: -250px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 100%;
	}

	.lk-losepage-btn {
		margin-top: 100px;
	}

	h4 {
		color: #666;
		font-size: 22px;
		margin-top: 50px;
	}

	.lk-losepage-btn>a {
		margin: 0 50px;
		background-color: #f08200;
		border-radius: 5px;
		color: #fff;
		display: inline-block;
		font-size: 20px;
		line-height: 40px;

		text-align: center;
		width: 150px;
		font-weight: 800;
	}

	.lk-losepage-btn>a:last-child {
		background-color: #498e3d;
	}
</style>
